<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">

<head>
    <meta content="text/html;charset = utf-8" http-equiv="content-type">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="../home/css/personal.css" rel="stylesheet" type="text/css">
    <link href="../home/css/infstyle.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
    <script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
    <script src="../lib/vue/2.4.2/vue.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <script src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>


</head>

<body>
<div id="PurchaseExcelList">
    <div id="printContent"  hidden>
    <table class=" am-table-bordered am-table-radius am-table-striped am-table-striped am-table-hover" width="750px" align="center">
        <thead>
        <tr style="width: 550px">
            <p style="font-size: 6px" align="left">附件4：</p>
        </tr>
        <tr>
            <p style="font-size: 16px" align="center">张掖市市级政府采购项目清单</p>
        </tr>
        <tr  style="width: 550px">
            <p style="font-size: 6px" align="left">采购单位：{{cgdw}}（盖章）</p><p style="font-size: 6px" align="right">金额单位：元&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
        </tr>
        <tr align="center">
            <td colspan="2" align="center" valign="middle">采购项目</td>
            <td rowspan="2" align="center" valign="middle">规格型号</td>
            <td rowspan="2" colspan="2" align="center" valign="middle">主要配置及技术参数</td>
            <td rowspan="2" align="center" valign="middle">单位</td>
            <td rowspan="2" align="center" valign="middle" >数量</td>
            <td rowspan="2" align="center" valign="middle" >单价</td>
            <td rowspan="2" align="center" valign="middle">总价</td>
        </tr>
        <tr>
            <td align="center" valign="middle">品目名称</td>
            <td align="center" valign="middle">品目编码</td>
        </tr> </thead>
        <tbody>
        <tr v-for="shopData in ordersDetails">
            <td align="center" valign="middle">{{shopData.pmmc}}</td>
            <td align="center" valign="middle">{{shopData.pmbm}}</td>
            <td align="center" valign="middle">{{shopData.ggxh}}</td>
            <td colspan="2">{{shopData.jscs}}</td>
            <td align="center" valign="middle">{{shopData.dw}}</td>
            <td align="center" valign="middle">{{shopData.sl}}</td>
            <td align="center" valign="middle">{{shopData.dj}}</td>
            <td align="center" valign="middle">{{shopData.zj}}</td>
        </tr>
        </tbody>
    </table>
    </div>




    <table class="am-table am-table-bordered am-table-radius am-table-striped am-table-striped am-table-hover">
        <thead>
        <tr>
            <th style="text-align:center;">商品名称</th>
            <th style="text-align:center;">品目名称</th>
            <th style="text-align:center;">品目编码</th>
            <th style="text-align:center;">规格型号</th>
            <th style="text-align:center;">主要配置及技术参数</th>
            <th style="text-align:center;">单位</th>
            <th style="text-align:center;">数量</th>
            <th style="text-align:center;">单价</th>
            <th style="text-align:center;">总价</th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="shopData in ordersDetails">
            <td>{{shopData.goodsName}}</td>
            <td>{{shopData.pmmc}}</td>
            <td >{{shopData.pmbm}}</td>
            <td >{{shopData.ggxh}}</td>
            <td >{{shopData.jscs}}</td>
            <td >{{shopData.dw}}</td>
            <td >{{shopData.sl}}</td>
            <td >{{shopData.dj}}</td>
            <td >{{shopData.zj}}</td>
            </td> </tr>
        </tbody>
    </table>


<br><br><br><br><br><br><br>
    <div align="center">
        <button type="button" class="am-btn am-btn-secondary" v-on:click="printArea()">打&nbsp;&nbsp;&nbsp;&nbsp;印</button>
    </div>
</div>
<script src="../charge/PurchaseExcelList.js"></script>
</body>


</html>

